(() => {
    var app = new Vue({
        el: '#header',
        data: {
            orderList: [],
            type: orderType > 4 ? -1 : orderType, /*0:全部 1：代付款 2：代发货 3：已完成 4：已退款*/
            index: 0,//当期是第几页
            count: 20,//每页显示的条数
            sumCount: 0//总条数
        }
    });

    //删除订单
    app.deleteList = function (index) {
        layer.confirm('确定要删除订单',{icon:3},function () {
            layer.closeAll();
            $.post(DORDER+'/delete',{id:app.orderList[index][0]['orderid']});
            app.orderList.splice(index, 1);
        });
    };

    //确认收货
    app.confirm = (index)=>{
        layer.confirm('确定要收货',{icon:3},function () {
            layer.closeAll();
            app.orderList[index][0].ordertype = 3;
            $.post(DORDER+'/confirm',{id:app.orderList[index][0]['orderid']},function () {
                if(app.type == 3){/**/
                    getcentent(true);
                }

            });

        });
    };

    //getcentent(true);//页面初始化
    //获取数据 type:true重新添加分页
    function getcentent(type = false) {
        if (type) {
            app.index = 0;//如果是重新添加分页 让当前页面为第一页
        }
        $.post(DORDER + '/orderall', {
            type: app.type,
            off: (app.index * app.count),
            over: app.count
        }, function (da) {
            app.orderList = da[1];
            app.sumCount = da[0];
            if (type) {
                page();
            }
            console.log(app.orderList);
        })
    }

    //添加分页按钮
    function page() {
        $("#Pagination").pagination(app.sumCount, {//总条数
            items_per_page: app.count,//每页 显示的条数
            num_display_entries: 4,//连续分页的条数
            prev_text: '上一页',	//上一页按钮文字
            next_text: '下一页',    //下一页按钮文字
            link_to: 'javascript:;',
            num_edge_entries: 1,//分页时，两侧显示的首尾分页的条目数 默认0
            callback: function (index) {
                app.index = index;
                getcentent()//加载数据
            }
        });
    }

    //点击 订单类型
    $('.btn-nav >a').click(function () {
        const $this = $(this);
        app.type = $this.data('type');//类型赋值
        getcentent(true);
        //实现动画消费
        $('.btn-nav >a').removeClass('this');
        $this.addClass('this');
        $('#nav_index').animate({left: ($this.index() * 110) + 'px'}, 'slow');
        history.pushState({id: 12}, 'aaa', '/index/order/orderall.html?type=' + app.type);
    });
    $('.btn-nav >a').eq(orderType + 1).click();



})();